<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<jsp:include page="top.jsp"></jsp:include>
<!-- START:wrapper -->
<div id="wrapper">
<!-- InstanceBeginEditable name="wrapper" -->

<!-- START:wrapper-bg -->
<div class="wrapper-bg">

<!-- START:main -->
<div id="main">

<!-- START:login -->
<div class="login">

<div class="login-top"></div>

<!-- START:login-center -->
<div class="login-center">

<!-- START:reg -->
<div class="reg">

<!-- START:reg-left -->
<div class="reg-left">

<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
    function setTab(name,cursel,n){
    	var menu=document.getElementById(name+11);
		var con=document.getElementById("con_"+name+"_"+1);
		var menu2=document.getElementById(name+22);
		var con2=document.getElementById("con_"+name+"_"+2);
		if(cursel==1){
			menu.src="shared/images/reg_img_mob_y.gif";
		    con.style.display="block";
		    menu2.src="shared/images/reg_img_mail_n.gif";
		    con2.style.display="none";
		}
		if(cursel==2){
			menu.src="shared/images/reg_img_mob_n.png";
		    con.style.display="none";
		    menu2.src="shared/images/reg_img_mail_y.png";
		    con2.style.display="block";
		}
	   /*  for(i=1;i<=n;i++){
		    var menu=document.getElementById(name+i+i);
		    var con=document.getElementById("con_"+name+"_"+i);
		    menu.src=i==cursel?"shared/images/reg_img_mob_y.gif":"shared/images/reg_img_mob_n.gif";
		    con.style.display=i==cursel?"block":"none";
	    } */
    }
//-->
</script>

<div class="reg-left-top">
	<a id="one1" onclick="setTab('one',1,2)" class="hover">
		<img id="one11" src="shared/images/reg_img_mob_y.gif" width="89" height="89" alt="" />
	</a>
	<a id="one2" onclick="setTab('one',2,2)" class="">
		<img id="one22" src="shared/images/reg_img_mail_n.gif" width="89" height="89" alt="img" />
	</a>
</div>

<!-- START:reg-left-con -->
<div id="errmsg"  style="color: #FFFFFF; font-size: 12px; text-align: center;">&nbsp;</div>
<div id="con_one_1" class="reg-left-con">
	<form id="userRegisterForm" >
		<table width="100%" border="0" cellspacing="0" cellpadding="0" class="reg-table-left">
			<tr>
				<th>手机号码:</th>
				<td>
					<input class="reg-left-input" type="text" name="userName" placeholder="请输入电话" id="userName" onblur="javascript:verifyUser()" />
				</td>
			</tr>
			
			<tr>
				<th>输入密码:</th>
				<td>
					<input class="reg-left-input" type="password" name="userPassword" value="" id="userPassword" placeholder="密码由6位数字、字母、符号任意组合" />
				</td>
			</tr>
			
			<tr>
				<th>确认密码:</th>
				<td>
					<input class="reg-left-input" type="password" name="userPassword2" value="" id="userPassword2" placeholder="密码由6位数字、字母、符号任意组合" />
				</td>
			</tr>
	
			
			<tr>
				<th>短信验证码:</th>
				<td>
					<input class="reg-left-input-yzm inline" type="text" value="" name="verifyMobileCode" id="verifyMobileCode" onblur="verifyMobileCode()" />
					&nbsp;&nbsp;
					<a href="javascript:getVerifyMobileCode();"><img src="shared/images/button_reg_hqyzm.gif" width="128" height="44" /></a>
				</td>
			</tr>
			
			<tr>
				<th>验证码:</th>
				<td>
					<input class="reg-left-input-yzm inline" onkeydown="verifyCode()" type="text" value="" name="verifyCode" id="verifyCode" />
					<div class="login-left-yzm inline">
						<div class="login-left-yzm-num"><img style="width:111px;" id="verifyCodeImage" onclick="changeImage()" src="<%=path%>/Kaptcha.jpg" /></div>
						<!-- <div class="login-left-yzm-dj"><a href="#" class="link-style-b">点击换一张</a></div> -->
					</div>
				</td>
			</tr>
			
			<tr>
			<th></th>
			<td style="padding-bottom: 5px;"><input name="" type="checkbox" value="" checked="checked" />&nbsp;我已阅读并同意《<a href="#" class="link-style-b">比蒙注册服务协议</a>》</td>
			</tr>
		</table>
	</form>
	
	<div class="submit"><a href="javascript:mobileRegister();"><img src="shared/images/button_reg_reg.gif" width="130" height="48" alt="img" /></a></div>
</div>


<div id="con_one_2" style="display:none" class="reg-left-con">
	<form id="userRegisterForm2" >
		<table width="100%" border="0" cellspacing="0" cellpadding="0" class="reg-table-left">
			<tr>
				<th>电子邮箱:</th>
				<td>
					<input class="reg-left-input" type="text" name="userName" placeholder="请输入邮箱" id="userName" onblur="javascript:verifyUser2()" />
				</td>
			</tr>
			
			<tr>
				<th>输入密码:</th>
				<td>
					<input class="reg-left-input" type="password" name="userPassword" value="" id="userPassword" placeholder="密码由6位数字、字母、符号任意组合" />
				</td>
			</tr>
			
			<tr>
				<th>确认密码:</th>
				<td>
					<input class="reg-left-input" type="password" name="userPassword2" value="" id="userPassword2" placeholder="密码由6位数字、字母、符号任意组合" />
				</td>
			</tr>
			
			<tr>
				<th>验证码:</th>
				<td>
					<input class="reg-left-input-yzm inline" onkeydown="verifyCode()" type="text" value="" name="verifyCode" id="verifyCode2" />
					<div class="login-left-yzm inline">
						<div class="login-left-yzm-num"><img style="width:111px;" id="verifyCodeImage" onclick="changeImage()" src="<%=path%>/Kaptcha.jpg" /></div>
						<!-- <div class="login-left-yzm-dj"><a href="#" class="link-style-b">点击换一张</a></div> -->
					</div>
				</td>
			</tr>
			
			<tr>
			<th></th>
			<td style="padding-bottom: 5px;"><input name="" type="checkbox" value="" checked="checked" />&nbsp;我已阅读并同意《<a href="#" class="link-style-b">比蒙注册服务协议</a>》</td>
			</tr>
		</table>
	</form>
	
	<div class="submit"><a href="javascript:mailRegister();"><img src="shared/images/button_reg_reg.gif" width="130" height="48" alt="img" /></a></div>
</div>
<!-- END:reg-left-con -->

</div>
<!-- END:reg-left -->


<div class="reg-right">

<div class="reg-right-text">已有账号：<a href="user/toLogin.do" class="link-style-b">立即登录</a></div>

</div>

</div>
<!-- END:reg -->

</div>
<!-- END:login-center -->

<div class="login-bottom"></div>

</div>
<!-- END:login -->

</div>
<!-- END:main -->

</div>
<!-- START:wrapper-bg -->

<!-- InstanceEndEditable -->
</div>
<!-- END:wrapper -->
<jsp:include page="bottom.jsp"></jsp:include>